<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#get_text").click(function(){
			alert("Text: " + $("#text").text());
		});
		$("#get_html").click(function(){
			alert("Text: " + $("#text").html());
		});
		$("#get_val").click(function(){
			alert("Value: " + $("#input").val());
		});
		$("#get_attr").click(function(){
			alert($("#link").attr("href"));
		});
	});
</script>
<title>DOM Get</title>
</head>
<body>
<p id="text">This is <b>bold</b> text in paragraph.</p>
<button id="get_text">Get text</button>
<button id="get_html">Get HTML</button>

<p>Name:<input type="text" id="input" value="test"/></p>
<button id="get_val">Get value</button>

<p><a id="link" href="http://localhost:8080">Link</a></p>
<button id="get_attr">Get attribute</button>
</body>
</html>